<!DOCTYPE html>
<html lang="zxx" xmlns:th="http://www.w3.org/1999/xhtml">
    <head>
        <!--====== Required meta tags ======-->
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!--====== Title ======-->
        <title>Vedhak - Adventure Tours and Travel HTML Template</title>
        <!--====== Favicon Icon ======-->
       
        <!--====== Flaticon css ======-->
        <link rel="stylesheet" th:href="@{/css/flaticon.css}">
        <!--====== FontAwesome css ======-->
        <link rel="stylesheet" th:href="@{/css/all.min.css}">
        <!--====== Bootstrap css ======-->
        <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
        <!--====== magnific-popup css ======-->
        <link rel="stylesheet" th:href="@{/css/magnific-popup.css}">
        <!--====== Slick-popup css ======-->
        <link rel="stylesheet" th:href="@{/css/slick.css}">
        <!--====== Jquery UI css ======-->
        <link rel="stylesheet" th:href="@{/css/jquery-ui.min.css}">
        <!--====== Nice Select css ======-->
        <link rel="stylesheet" th:href="@{/css/nice-select.css}">
        <!--====== Animate css ======-->
        <link rel="stylesheet" th:href="@{/css/animate.css}">
        <!--====== Default css ======-->
        <link rel="stylesheet" th:href="@{/css/default.css}">
        <!--====== Style css ======-->
        <link rel="stylesheet" th:href="@{/css/style.css}">
    </head>
    <body>
        <!--====== Start Preloader ======-->
        <div class="preloader">
            <div class="loader">
                <div class="pre-shadow"></div>
                <div class="pre-box"></div>
            </div>
        </div><!--====== End Preloader ======-->
        <!--====== Search From ======-->
		<div class="modal fade search-modal" id="search-modal">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form>
                        <div class="form_group">
                        	<input type="text" class="form_control" placeholder="Search here" name="search">
                        	<label><i class="fa fa-search"></i></label>
                        </div>
                    </form>
                </div>
            </div>
        </div><!--====== Search From ======-->
        <!--====== Start Header ======-->
        <header class="header-area">
            <!--=== Header Navigation ===-->
            <div class="header-navigation default-navigation">
                <div class="nav-overlay"></div>
                <div class="container-fluid">
                    <!--=== Primary Menu ===-->
                    <div class="primary-menu">
                        <!--=== Site Branding ===-->
                        <div class="site-branding">
                            <a th:href="@{/index1}" class="brand-logo"><img th:src="@{/picture/logo-black.png}" alt="Site Logo"></a>
                        </div>
                        <!--=== Nav Inner Menu ===-->
                        <div class="nav-menu">
                            <!--=== Mobile Logo ===-->
                            <div class="mobile-logo mb-30 d-block d-xl-none text-center">
                                <a th:href="@{/index1}" class="brand-logo"><img th:src="@{/picture/logo-black.png}" alt="Site Logo"></a>
                            </div>
                            <!--=== Nav Search ===-->
                            <div class="nav-search mb-30 d-block d-xl-none ">
                                <form>
                                    <div class="form_group">
                                        <input type="email" class="form_control" placeholder="Search Here" name="email" required="">
                                        <button class="search-btn"><i class="fas fa-search"></i></button>
                                    </div>
                                </form>
                            </div>
                            <!--=== Main Menu ===-->
                            <nav class="main-menu">
                                <ul>
                                    <li class="menu-item has-children"><a th:href="@{/index1}">Home</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/index1}">Home 01</a></li>
                                            <li><a th:href="@{/index2}">Home 02</a></li>
                                            <li><a th:href="@{/index3}">Home 03</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item has-children"><a th:href="@{/accommodation-grid}">Accommodation</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/accommodation-grid}">ACD Grid</a></li>
                                            <li><a th:href="@{/accommodation-standard}">ACD Standard</a></li>
                                            <li><a th:href="@{/accommodation-slider}">ACD Slider</a></li>
                                            <li><a th:href="@{/accommodation-details}">ACD Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item has-children"><a th:href="@{/blog-standard}">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/blog-standard}">Blog Standard</a></li>
                                            <li><a th:href="@{/blog-details}">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item has-children"><a th:href="@{/index0}">Pages</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/index0}">About Us</a></li>
                                            <li><a th:href="@{/gallery}">Our Gallery</a></li>
                                            <li><a th:href="@{/faq}">Faq</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item"><a th:href="@{/contact}">Contact</a></li>
                                    <li class="menu-item"><div class="search-btn" data-bs-toggle="modal" data-bs-target="#search-modal"><i class="far fa-search"></i></div></li>
                                </ul>
                            </nav>
                            <!--=== Nav Button ===-->
                            <div class="menu-button mt-40 d-xl-none">
                                <a th:href="@{/contact}" class="main-btn btn-green">Book now<i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                        <!--=== Nav right Item ===-->
                        <div class="nav-right-item d-flex align-items-center">
                            <div class="menu-button d-xl-block d-none">
                                <a th:href="@{/contact}" class="main-btn btn-green">Book now<i class="far fa-angle-double-right"></i></a>
                            </div>
                            <div class="lang-dropdown">
                                <select class="wide">
                                    <option value="English">English</option>
                                    <option value="English">English</option>
                                </select>
                            </div>
                            <div class="navbar-toggler">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header><!--====== End Header ======-->
        <!--====== Start Breadcrumb Section ======-->
        <section class="page-banner light-red-bg pt-170 pb-170 bg_cover" style="background-image: url(assets/images/bg/page-bg-1.jpg);">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-10">
                        <div class="page-banner-content text-center text-white">
                            <h1 class="page-title">About Us</h1>
                            <ul class="breadcrumb-link text-white">
                                <li><a th:href="@{/index1}">Home</a></li>
                                <li class="active">About Us</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Breadcrumb Section ======-->
        <!--====== Start About Section ======-->
        <section class="about-section pt-90 pb-60">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="section-title mb-40 wow fadeInLeft">
                            <span class="sub-title"><span class="number">01</span> About Us</span>
                            <h2>We’re Most Trusted 
                                Travel <span class="thin">Partner Aroud
                                    The World</span></h2>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about-content-box mb-55 wow fadeInRight">
                            <p>Sorem ipsum dolor sit amet, consectetur adipiscing elit. Vulputate volutpat bibendum imperdiet sit fermentum non. Vel sed neque, fringilla facilisi neque
                                fusce faucibus erat. Tincidunt egestas morbi urna urna, at mi. Velit tincidunt
                                pellentesque urna, leo lorem cursus lacinia. Amet viverra habitasse euismod
                                scelerisque faucibus porttitor miey</p>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="single-features-item item-bg-one text-center mb-40 wow fadeInDown">
                            <div class="icon">
                                <i class="flaticon-cottage"></i>
                            </div>
                            <div class="text">
                                <h4 class="title">Private Cottages</h4>
                                <p>Quisque vulputate amtacipe
                                    aliuam diam sitis etia</p>
                                <a th:href="@{/index0}" class="btn-link">learn more <i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="single-features-item item-bg-two text-center mb-40 wow fadeInDown">
                            <div class="icon">
                                <i class="flaticon-camping"></i>
                            </div>
                            <div class="text">
                                <h4 class="title">Tents On Rent</h4>
                                <p>Quisque vulputate amtacipe
                                    aliuam diam sitis etia</p>
                                <a th:href="@{/index0}" class="btn-link">learn more <i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="single-features-item item-bg-three text-center mb-40 wow fadeInDown">
                            <div class="icon">
                                <i class="flaticon-tent-5"></i>
                            </div>
                            <div class="text">
                                <h4 class="title">Summer Camp</h4>
                                <p>Quisque vulputate amtacipe
                                    aliuam diam sitis etia</p>
                                <a th:href="@{/index0}" class="btn-link">learn more <i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="single-features-item item-bg-four text-center mb-40 wow fadeInDown">
                            <div class="icon">
                                <i class="flaticon-firewood"></i>
                            </div>
                            <div class="text">
                                <h4 class="title">Wood Fire</h4>
                                <p>Quisque vulputate amtacipe
                                    aliuam diam sitis etia</p>
                                <a th:href="@{/index0}" class="btn-link">learn more <i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End About Section ======-->
        <!--====== Start Who-we Section ======-->
        <section class="who-we-bg-section p-r z-1 pt-100 pb-100">
            <div class="who-bg bg_cover wow fadeInLeft" style="background-image: url(assets/images/bg/we-bg-1.jpg);"></div>
            <div class="container-fluid">
                <div class="row justify-content-end">
                    <div class="col-xl-8 col-lg-12">
                        <div class="who-we-wrapper wow fadeInDown">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="section-title mb-50 wow fadeInUp">
                                        <span class="sub-title"><span class="number">02</span> Who We Are</span>
                                        <h2>Company Mission & Vision</h2>
                                    </div>
                                </div>
                            </div>
                            <div class="row g-0 justify-content-center wow fadeInUp">
                                <div class="col-lg-4 col-md-6">
                                    <div class="fancy-icon-box mb-30">
                                        <div class="icon">
                                            <i class="far fa-shield-check"></i>
                                        </div>
                                        <div class="text">
                                            <h5 class="title">Our Mission</h5>
                                            <p>Tincidunt egestas morbi urna 
                                                urnabelit tincidunt pellentesque
                                                urnaleorem cursus lacinia. Amet
                                                viverrascelerisque faucibus</p>
                                            <span class="line"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <div class="fancy-icon-box mb-30 item-active wow fadeInUp">
                                        <div class="icon">
                                            <i class="fas fa-layer-group"></i>
                                        </div>
                                        <div class="text">
                                            <h5 class="title">Our Vision</h5>
                                            <p>Tincidunt egestas morbi urna 
                                                urnabelit tincidunt pellentesque
                                                urnaleorem cursus lacinia. Amet
                                                viverrascelerisque faucibus</p>
                                            <span class="line"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <div class="fancy-icon-box mb-30 wow fadeInUp">
                                        <div class="icon">
                                            <i class="fas fa-tools"></i>
                                        </div>
                                        <div class="text">
                                            <h5 class="title">Company Goals</h5>
                                            <p>Tincidunt egestas morbi urna 
                                                urnabelit tincidunt pellentesque
                                                urnaleorem cursus lacinia. Amet
                                                viverrascelerisque faucibus</p>
                                            <span class="line"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Who-we Section ======-->
        <!--====== Start Team Section ======-->
        <section class="team-section pt-90 pb-50">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-6 col-lg-10">
                        <div class="section-title text-center mb-45 wow fadeInDown">
                            <span class="sub-title"><span class="number">03</span> Team Member</span>
                            <h2>Meet Our Professional <span class="thin">Team Member</span></h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
                        <div class="single-team-item mb-40 wow fadeInUp">
                            <div class="member-img">
                                <img th:src="@{/picture/team-1.jpg}" alt="Team Image">
                                <div class="hover-overlay"></div>
                                <div class="hover-content">
                                    <ul class="social-link">
                                        <li><a th:href="@{/index0}"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a th:href="@{/index0}"><i class="fab fa-twitter"></i></a></li>
                                        <li><a th:href="@{/index0}"><i class="fab fa-instagram"></i></a></li>
                                        <li><a th:href="@{/index0}"><i class="fab fa-linkedin-in"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="member-info text-center">
                                <h4 class="title">Michael F. Jimenez</h4>
                                <p class="position">CEO & Founder</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
                        <div class="single-team-item mb-40 wow fadeInUp">
                            <div class="member-img">
                                <img th:src="@{/picture/team-2.jpg}" alt="Team Image">
                                <div class="hover-overlay"></div>
                                <div class="hover-content">
                                    <ul class="social-link">
                                        <li><a th:href="@{/index0}"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a th:href="@{/index0}"><i class="fab fa-twitter"></i></a></li>
                                        <li><a th:href="@{/index0}"><i class="fab fa-instagram"></i></a></li>
                                        <li><a th:href="@{/index0}"><i class="fab fa-linkedin-in"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="member-info text-center">
                                <h4 class="title">Kenneth I. Phillips</h4>
                                <p class="position">Senior Manager</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
                        <div class="single-team-item mb-40 wow fadeInUp">
                            <div class="member-img">
                                <img th:src="@{/picture/team-3.jpg}" alt="Team Image">
                                <div class="hover-overlay"></div>
                                <div class="hover-content">
                                    <ul class="social-link">
                                        <li><a th:href="@{/index0}"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a th:href="@{/index0}"><i class="fab fa-twitter"></i></a></li>
                                        <li><a th:href="@{/index0}"><i class="fab fa-instagram"></i></a></li>
                                        <li><a th:href="@{/index0}"><i class="fab fa-linkedin-in"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="member-info text-center">
                                <h4 class="title">Alfonso J. Marrero</h4>
                                <p class="position">Junior Consultant</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
                        <div class="single-team-item mb-40 wow fadeInUp">
                            <div class="member-img">
                                <img th:src="@{/picture/team-4.jpg}" alt="Team Image">
                                <div class="hover-overlay"></div>
                                <div class="hover-content">
                                    <ul class="social-link">
                                        <li><a th:href="@{/index0}"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a th:href="@{/index0}"><i class="fab fa-twitter"></i></a></li>
                                        <li><a th:href="@{/index0}"><i class="fab fa-instagram"></i></a></li>
                                        <li><a th:href="@{/index0}"><i class="fab fa-linkedin-in"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="member-info text-center">
                                <h4 class="title">Jackie Y. Hickman</h4>
                                <p class="position">Business Consultant</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Team Section ======-->
        <!--====== Start Features Section ======-->
        <section class="features-bg-section p-r z-1 pt-100 pb-100">
            <div class="features-bg bg_cover wow fadeInRight" style="background-image: url(assets/images/bg/features-bg-1.jpg);"></div>
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="features-content-box wow fadeInUp pr-lg-60">
                            <div class="section-title mb-30">
                                <span class="sub-title"><span class="number">04</span>Discover More</span>
                                <h2>Better Travel to Change <span class="thin">your Better Emotions</span></h2>
                            </div>
                            <p>Sit amet consectetur adipiscing elit. Venenatis amet ut et, elementum. In sem nec ipsum, tincidunt risus maecenas. Ut volutpat quis a mollis neque nunc aliquet et. Condimentum habitant arcu malesuada odio luct ultrices. A felis, ipsum sit tempor praesent eu vitae tellus porttitor</p>
                            <div class="counting-box mt-40">
                                <div class="title">
                                    <h5>Saticfied Clients <span>89%</span></h5>
                                    <div class="progress">
                                        <div class="progress-bar wow slideInLeft" style="width: 89%"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Features Section ======-->
        <!--====== Start CTa Section ======-->
        <section class="cta-section dark-green-bg pt-70 pb-35">
            <div class="container">
                <div class="cta-wrapper bg_cover" style="background-image: url(static/image/cta-bg-1.png);">
                    <div class="row align-items-center">
                        <div class="col-lg-7">
                            <div class="section-title text-white mb-40 wow fadeInLeft">
                                <h2>Enjoy The Better Adventure
                                    Life <span class="thin">Tent Camping</span></h2>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="cta-button float-lg-end mb-35 wow fadeInRight">
                                <a th:href="@{/index0}" class="main-btn btn-yellow">Discover more<i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End CTa Section ======-->
        <!--====== Start Feedback Section ======-->
        <section class="feedback-section pt-100 pb-100">
            <div class="container">
                <div class="feedback-wrapper-one">
                    <div class="row align-items-center">
                        <div class="col-lg-5">
                            <div class="section-title mb-45 wow fadeInLeft">
                                <span class="sub-title"><span class="number">05</span>Testimonils</span>
                                <h2>What Our Client Say <span class="thin">About Us</span></h2>
                            </div>
                            <div class="testimonial-arrows mb-45"></div>
                        </div>
                        <div class="col-lg-7">
                            <div class="testimonial-wrapper wow fadeInRight">
                                <div class="testimonial-slider-one">
                                    <div class="single-testimonial-item text-center">
                                        <div class="testimonial-content">
                                            <div class="author-title-thumb d-inline-flex mb-25">
                                                <div class="author-thumb">
                                                    <img th:src="@{/picture/author-thumb-1.jpg}" alt="Author Thumb">
                                                </div>
                                                <div class="author-title">
                                                    <h3 class="title">Brian A. Barnes</h3>
                                                    <p class="position">CEO & Founder</p>
                                                </div>
                                            </div>
                                            <p>Sit amet consectetur adipiscing congue pose 
                                                habit ante dignissim faucibus tincidunt vulputate
                                                ullamcorper mattis quisque esta sidiculus</p>
                                            <ul class="ratings">
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="single-testimonial-item text-center">
                                        <div class="testimonial-content">
                                            <div class="author-title-thumb d-inline-flex">
                                                <div class="author-thumb">
                                                    <img th:src="@{/picture/author-thumb-1.jpg}" alt="Author Thumb">
                                                </div>
                                                <div class="author-title">
                                                    <h3 class="title">Brian A. Barnes</h3>
                                                    <p class="position">CEO & Founder</p>
                                                </div>
                                            </div>
                                            <p>Sit amet consectetur adipiscing congue pose 
                                                habit ante dignissim faucibus tincidunt vulputate
                                                ullamcorper mattis quisque esta sidiculus</p>
                                            <ul class="ratings">
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Feedback Section ======-->
        <!--====== Start Partners Section ======-->
        <section class="partners-section light-red-bg pb-80">
            <div class="container">
                <!--=== Partners Slider ===-->
                <div class="partner-slider-one pt-80 wow fadeInDown">
                    <div class="single-partner-item">
                        <div class="partner-img">
                            <a th:href="@{/index0}"><img th:src="@{/picture/partner-1.png}" alt="Partner Image"></a>
                        </div>
                    </div>
                    <div class="single-partner-item">
                        <div class="partner-img">
                            <a th:href="@{/index0}"><img th:src="@{/picture/partner-2.png}" alt="Partner Image"></a>
                        </div>
                    </div>
                    <div class="single-partner-item">
                        <div class="partner-img">
                            <a th:href="@{/index0}"><img th:src="@{/picture/partner-3.png}" alt="Partner Image"></a>
                        </div>
                    </div>
                    <div class="single-partner-item">
                        <div class="partner-img">
                            <a th:href="@{/index0}"><img th:src="@{/picture/partner-4.png}" alt="Partner Image"></a>
                        </div>
                    </div>
                    <div class="single-partner-item">
                        <div class="partner-img">
                            <a th:href="@{/index0}"><img th:src="@{/picture/partner-5.png}" alt="Partner Image"></a>
                        </div>
                    </div>
                    <div class="single-partner-item">
                        <div class="partner-img">
                            <a th:href="@{/index0}"><img th:src="@{/picture/partner-4.png}" alt="Partner Image"></a>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Partners Section ======-->
        <!--====== Start Footer ======-->
        <footer class="footer-default dark-black-bg text-white">
            <div class="container">
                <div class="footer-newsletter pt-80 pb-40">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="section-title mb-30 wow fadeInLeft">
                                <h2>Subscribe Our Newsletter<span class="thin">Get Every Update</span></h2>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="newsletter-form mb-30 wow fadeInRight">
                                <form>
                                    <div class="form_group">
                                        <label><i class="far fa-envelope-open"></i></label>
                                        <input type="email" class="form_control" placeholder="Email Address" required="">
                                        <button class="main-btn btn-green">Subscribe<i class="far fa-angle-double-right"></i></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-widget-area pt-80 pb-30">
                    <div class="row">
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="footer-widget about-company-widget mb-40 wow fadeInDown">
                                <a th:href="@{/index1}" class="footer-logo"><img th:src="@{/picture/logo-white.png}" alt="Brand Logo"></a>
                                <p>Sit amet consectetur adipiscinelit
                                    Sem et aliquam enimdeassa ornare
                                    vulputate neque feugiat secursun
                                    blandit volutpat hendr mauris</p>
                                <ul class="social-link">
                                    <li><a th:href="@{/index0}"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a th:href="@{/index0}"><i class="fab fa-twitter"></i></a></li>
                                    <li><a th:href="@{/index0}"><i class="fab fa-instagram"></i></a></li>
                                    <li><a th:href="@{/index0}"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-4 col-md-6">
                            <div class="footer-widget footer-nav-widget pl-lg-55 mb-40 wow fadeInDown">
                                <h4 class="widget-title">Links</h4>
                                <div class="footer-nav-content">
                                    <ul class="footer-nav">
                                        <li><a th:href="@{/index0}">Home</a></li>
                                        <li><a th:href="@{/index0}">Pricing</a></li>
                                        <li><a th:href="@{/index0}">About us</a></li>
                                        <li><a th:href="@{/index0}">Features</a></li>
                                        <li><a th:href="@{/index0}">Blog</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-4 col-md-6">
                            <div class="footer-widget footer-nav-widget pl-lg-20 mb-40 wow fadeInDown">
                                <h4 class="widget-title">Services</h4>
                                <div class="footer-nav-content">
                                    <ul class="footer-nav">
                                        <li><a th:href="@{/index0}">Caravan Soler Tent</a></li>
                                        <li><a th:href="@{/index0}">Family Tent Camping</a></li>
                                        <li><a th:href="@{/index0}">Classic Tent Camping</a></li>
                                        <li><a th:href="@{/index0}">Wild Tent Camping</a></li>
                                        <li><a th:href="@{/index0}">Bell Glamp One</a></li>
                                        <li><a th:href="@{/index0}">Small Cabin Wood</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-4 col-md-6">
                            <div class="footer-widget footer-nav-widget pl-lg-70 mb-40 wow fadeInDown">
                                <h4 class="widget-title">Support</h4>
                                <div class="footer-nav-content">
                                    <ul class="footer-nav">
                                        <li><a th:href="@{/index0}">Meet Our Team</a></li>
                                        <li><a th:href="@{/index0}">Item Support</a></li>
                                        <li><a th:href="@{/index0}">Contact Foram</a></li>
                                        <li><a th:href="@{/index0}">Report Abuse</a></li>
                                        <li><a th:href="@{/index0}">Live</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="footer-widget contact-info-widget pl-lg-100 mb-40 wow fadeInDown">
                                <div class="contact-info-box mb-35">
                                    <h4 class="title">Location</h4>
                                    <p><i class="far fa-map-marker-alt"></i><span>119 Tanglewood Lane
                                        Gulfport, MS 39503</span></p>
                                </div>
                                <div class="contact-info-box mb-35">
                                    <h4 class="title">Contact</h4>
                                    <p><i class="far fa-envelope"></i><a th:href="@{email-protection.html#d4a7a1a4a4bba6a094b3b9b5bdb8fab7bbb9}"><span class="__cf_email__" data-cfemail="8efdfbfefee1fcfacee9e3efe7e2a0ede1e3">[email&#160;protected]</span></a></p>
                                    <p><i class="far fa-phone"></i><a th:href="@{tel:+000(123)4566}">+000 (123) 45 66</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--=== Copyright Area ===-->
                <div class="copyright-area">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="copyright-text">
                                <p>Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" th:href="@{https://www.17sucai.com/}">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="copyright-nav float-lg-end">
                                <ul>
                                    <li><a th:href="@{/index0}">Setting & Privacy</a></li>
                                    <li><a th:href="@{/index0}">Faqs</a></li>
                                    <li><a th:href="@{/index0}">Food Menu</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer><!--====== End Footer ======-->
        <!--====== Back To Top  ======-->
        <a th:href="@{/index0}" class="back-to-top"><i class="far fa-angle-up"></i></a>
        <!--====== Jquery js ======-->
        <script data-cfasync="false" th:src="@{/js/email-decode.min.js}"></script><script src="static/js/jquery-3.6.0.min.js"></script>
        <!--====== Bootstrap js ======-->
        <script th:src="@{/js/popper.min.js}"></script>
        <!--====== Bootstrap js ======-->
        <script th:src="@{/js/bootstrap.min.js}"></script>
        <!--====== Slick js ======-->
        <script th:src="@{/js/slick.min.js}"></script>
        <!--====== Magnific js ======-->
        <script th:src="@{/js/jquery.magnific-popup.min.js}"></script>
        <!--====== Isotope js ======-->
        <script th:src="@{/js/isotope.min.js}"></script>
        <!--====== Imagesloaded js ======-->
        <script th:src="@{/js/imagesloaded.min.js}"></script>
        <!--====== Counterup js ======-->
        <script th:src="@{/js/jquery.counterup.min.js}"></script>
        <!--====== Waypoints js ======-->
        <script th:src="@{/js/jquery.waypoints.js}"></script>
        <!--====== Nice-select js ======-->
        <script th:src="@{/js/jquery.nice-select.min.js}"></script>
        <!--====== jquery UI js ======-->
        <script th:src="@{/js/jquery-ui.min.js}"></script>
        <!--====== WOW js ======-->
        <script th:src="@{/js/wow.min.js}"></script>
        <!--====== Main js ======-->
        <script th:src="@{/js/theme.js}"></script>
    </body>
</html>